<template>
  <transition name="fade">
    <div class="login-popup" v-show="showLoginPopup">
      <div class="popup">
        <button @click="$store.commit('SET_AUTH_INFO',{'token': 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJXWF94Y3hfM2ZlODJjNjEtNTY4Ni00Y2VmLWIzMTUtMGI4OTIzNzcxNzE5IiwiZXhwIjoxNTM3NDIzMDY2LCJpYXQiOjE1MzY4MTgyNjZ9.036im6ANffgb80xeNMaJ-lOVsvIh4umpPE1D7VzUooCcXwuYPmhoMU7NnLxspRGRkwR9lZU8kbHp93HtMVomlQ',
    'finishHollandTest': false})">登录</button>
      </div>
    </div>
  </transition>
</template>

<script>
export default {
  computed: {
    showLoginPopup () {
      return this.lodash.isEmpty(this.$store.state.userInfo)
    }
  }
}
</script>

<style scoped lang="scss">
.login-popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10001;
  .popup {
    position: fixed;
    width: 400px;
    min-height: 250px;
    background: $light;
    left: 50%;
    margin-left: -200px;
    top: 30%;
  }
}
</style>
